<template>
    <h3>条件渲染</h3>    
    <div v-if="flag">你能看见DIV111么？</div>
    <!-- <div v-else>那你能看见DIV222么？</div>
    <div v-if="type==='A'">A</div>
    <div v-else-if="type==='B'">B</div>
    <div v-else-if="type==='C'">C</div>
    <div v-else-if="type==='D'">D</div>
    <div v-else>Not A/B/C/D</div> -->
    <div v-show="flag">HelloWorld</div>
</template>

<script>
export default{
    data() {
        return {
            flag:false,
            type:"1C"
        }
    },
}

</script>